.index-page {
	width: 100%;
	position: relative;
	z-index: 9999;
	.logo-icon {
		width: 148rpx;
	}
	.tab-box {
		width: 100%;
		padding: 0 20rpx;
		box-sizing: border-box;
		::v-deep .u-tabs__wrapper__nav__item {
			padding: 0 20rpx;
			&:first-of-type {
				padding-left: 0 !important;
			}
		}
		::v-deep .u-tabs__wrapper__nav__line {
			height: 13rpx !important;
			width: 30rpx !important;
			bottom: 0px !important;
		}

		::v-deep .u-badge {
			color: #6a6666;
			background-color: #f3f3f3;
			font-weight: 500;
		}
	}
	.contnet {
		width: calc(100% - 40rpx);
		background: #f7f7f7;
		border-radius: 40rpx;
		margin: 10px 20rpx;
		padding: 24rpx;
		box-sizing: border-box;
		overflow: hidden;
		.list-items {
			width: 100%;
			background: #ffffff;
			border-radius: 18rpx;
			padding: 24rpx;
			box-sizing: border-box;
			margin-bottom: 20rpx;
			.db-title-box {
				width: 100%;
				margin-bottom: 28rpx;
				.title {
					font-weight: 500;
					font-size: 30rpx;
					color: #000000;
					max-width: 400rpx;
				}
			}
			.list-items-item {
				width: 100%;
				margin-bottom: 24rpx;
				&:last-child {
					margin-bottom: 0;
				}
				.title {
					font-weight: 400;
					font-size: 24rpx;
					color: #8e8e8e;
					margin-right: 20rpx;
					white-space: nowrap;
				}
				.desc {
					font-weight: 400;
					font-size: 24rpx;
					color: #1b2431;
				}
			}
			.msg-box {
				width: 100%;
				.avater-box {
					width: 110rpx;
					height: 110rpx;
					margin-right: 20rpx;
					border-radius: 50%;
					border: 2rpx solid #edeff2;
				}
				.msg-data {
					width: calc(100% - 130rpx);
					.msg-data-title {
						width: 100%;
						margin-bottom: 10rpx;
						.tips-box {
							width: 10rpx;
							height: 10rpx;
							background: #3b75ff;
							border-radius: 50%;
							margin-right: 12rpx;
						}
						.user-name {
							font-weight: 600;
							font-size: 26rpx;
							color: #000000;
							position: relative;
						}
						.time {
							font-weight: 400;
							font-size: 24rpx;
							color: #bebfc5;
						}
					}
					.msg-data-desc {
						font-weight: 400;
						font-size: 24rpx;
						line-height: 40rpx;
						color: #71787c;
					}
				}
			}
		}
	}
}
